<template>
	<el-tooltip effect="dark" :effect="effect" :content="content" :placement="placement">
      <el-button :icon="iconClass" @click="click" size="mini" :type="type">
      	<slot></slot>
	  </el-button>
    </el-tooltip>
</template>
<script>
	export default {
		name: 'IconBtn',
		props: { 
			iconClass: {
				default: ''
			},
			content: {
				default: '',
			},
			type: {
				default: ''
			},
			text: {
				default: false
			},
			effect:{
				default:'light'
			},
			placement:{
				default:'top-start'
			}
		},
		methods: {
			click() {
				this.$emit('click')
			}
		}
	}
</script>